<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
 .title {
      padding-top: 30px;
      margin: 10px;
      margin-bottom: 0;
    }

    .title,
    .sub-title {
      /* 距离改这个 */
      text-align: center;
      font-size: 24px;
      margin: 0;
    }

    .wrapper,
    .content {
      display: flex;
      flex-direction: column;
    }

    .content * {
      margin: 10px;
      /* 字体大小改这个 */
      font-size: 16px;
      line-height: 16px;
      /* 字体颜色改这个 */
      color: rgba(0, 0, 0, 0.808);
    }

    #input {
      margin: 10px;
      padding: 5px;
      line-height: 20px;
      font-size: 20px;
    }

    #btn {
      margin: 10px;
      /* 按钮颜色改这个 */
      background: rgba(71, 169, 235, 0.781);
      color: white;
      line-height: 28px;
      /* 字体大小改这个 */
      font-size: 20px;
      padding: 10px;
      border: none;
    }
  </style>
</head>

<body>
  <h2 class="title">百读社七升八英语暑假班</h2>
  <h2 class="sub-title">学生学习情况反馈</h2>
  <div class="wrapper">
    <input id="input" placeholder="请输入学生姓名">
    <button id="btn">查询</button>
  </div>
  <div class="content">
    <h3 id="name"></h3>
    <div id="advantages"></div>
    <div id="disadvantages"></div>
  </div>
  <script>
    const btn = document.getElementById('btn')
    const input = document.getElementById('input')
    
    const json = {
      "徐悦": `
      前两周：学习态度很好，上课认真，对课堂知识的吸收较快，作业也能按时完成，希望可以继续保持！

      期中成绩：95分（新学的单词要及时巩固）
      `,
      "葛正浩": `
      前两周：基础还可以，上课思维很活跃，就是有时候有点过于活跃了……如果能静下心来应该会有更大的进步。

      期中成绩：95分（课堂上一如既往地好动……虽然考得还可以，但是如果能静下心来，相信可以取得更好的成绩）
      `, 
      "刘名出": `
      前两周：基础还行，书写方面有待改进，有时间的话可以买本字帖练练，上课偶尔会走神。

      期中成绩：86分（单选做得不是很好，课上学过的知识点记得及时巩固）
      `,
      "李静怡": `
      前两周：上课的时候注意力不是特别集中，作业有时候也会忘记写，学习态度有待改进，书写方面也有待改进，可以买本字帖练练。

      期中成绩：未参加。
      `,
      "汪卫": `
       前两周：上课偶尔会走神，但是笔记做得还比较认真，希望之后能有更大进步。

       期中成绩：53.5分（回去一定要好好复习）
      `,
      "汪磊": `
       前两周：总体表现还不错，上课偶尔会走神，另外，希望回去可以对课上学过的内容及时巩固。

       期中成绩：80分（单选做得很好，但是阅读理解做得有点差，之后上课讲到做题技巧时要注意听）
      `,
      "程慧娴": `
       前两周：上课还比较认真，偶尔会走神，听写结果不错，希望能够继续保持。

       期中成绩：87分（单选做得还好，阅读理解做得有点差，之后上课讲到做题技巧时要注意听）
      `,
      "朱锦铃": `
       前两周：上课比较认真，回答问题的时候声音有点小，可以更加自信一点，另外，对于学过的知识要记得及时巩固。

       期中成绩：75分（单词错太多了，回去一定要好好复习）
      `,
      "王晗芝": `
       前两周：上课很认真，笔记做得也不错，作业也有认真完成，希望可以继续保持！

       期中成绩：81分（单词和阅读理解都做得不太好，回去好好复习）
      `,
      "张顺": `
       前两周：上课很认真，笔记做得很好，听写结果也不错，说明回去有认真巩固学过的内容，可以对自己更自信一点，继续加油~

       期中成绩：83.5分（单词错得太多了）
      `,
      "桂萍": `
       前两周：上课还比较认真，但是听写结果不是很理想，希望回去能够及时巩固学过的知识。

       期中成绩：66.5分（阅读理解错得太多了，之后在讲阅读理解技巧的时候要注意听）
      `,
      "许洛文": `
       前两周：基础还可以，上课也能跟着老师的思路走，虽然偶尔会走神。希望之后能继续加油！

       期中成绩：63.5分（单选错太多了……回去一定要好好巩固学过的知识点）
      `,
      "程翀": `
       前两周：基础还可以，上课偶尔会走神，另外提个小建议，不要用奇奇怪怪的颜色的笔做笔记，他自己看起来应该也不太方便吧？

       期中成绩：72分（单选和阅读理解错太多，回去一定要巩固）
      `,
      "桂嘉铭": `
       前两周：虽然基础还行，但是上课真的太爱傻笑了……课堂笔记做得也有点乱，希望之后上课的时候注意力能够更集中一些。

       期中成绩：95分（虽然考得还不错，但是大概有一半的单选题都是在检查的时候改对的，所以希望下次一开始做题的时候认真一点，另外，希望上课的时候注意力可以再集中一点）
      `,
      "程卓航": `
      前两周：上课还比较认真，但是书写方面有待提高，建议买本字帖练一下。

      期中成绩：79分（单选做得不是很好，学过的知识点回去记得及时巩固）
      `, 
      "方浩然": `
      前两周：上课大部分时间比较认真，偶尔会走神，偶尔会忘记带笔记本，希望之后可以更仔细更认真一点。

      期中成绩：88分
      `, 
      "汪杭": `
      前两周：基础还不错，上课也很认真，作业完成得较好，对新知识的吸收较快，不过发音方面有较大的提高空间，继续加油！

      期中成绩：80.5分（阅读理解做得不太好，上课讲阅读理解做题技巧的时候注意听）
      `, 
      "佘思嘉": `
      前两周：基础不错，上课也很认真，笔记做得也很认真，听写结果不错，说明回去有认真巩固所学的知识，希望可以继续保持！

      期中成绩：100.5分
      `, 
      "胡中昊": `
      前两周：基础不错，但上课做笔记经常需要被提醒，课后作业有时候完成得有点马虎。希望之后可以更认真一点，期待看到他的进步~

      期中成绩：75分（阅读理解做得不太好，希望上课讲阅读理解做题技巧时注意听）
      `, 
      "付旺硕": `
      前两周：基础还不错，上课认真，回答问题正确率也较高，希望可以继续保持！

      期中成绩：72.5（单选和阅读理解做得不太好，回去后务必巩固一下所学的知识点）
      `, 
      "姚乐乐": `
      前两周：上课偶尔会走神，但课后作业完成得较认真，听写结果也不错，希望能够继续加油~

      期中成绩：73分（单选做得挺好的，但是阅读理解和填词部分做得不太好，之后讲到阅读理解做题技巧的时候记得认真听）
      `, 
      "聂子安": `
      前两周：上课注意力不是特别集中，听写结果也不是特别理想，说明课下没有认真巩固所学内容，希望之后继续加油~

      期中成绩：69分（虽然后面错了很多，但是前面单选部分做得还可以，比之前有进步，希望能再加把油！之后讲阅读理解做题技巧的时候认真听）
      `, 
      "周昭晗": `
      前两周：上课比较认真，回答问题正确率较高，但是课下对于所学知识应该及时巩固，希望之后继续加油！

      期中成绩：46.5分（阅读理解和单选做得实在是太差了，回去好好巩固学过的内容，之后上课讲到阅读理解做题技巧的时候认真听）
      `, 
      "李靓": `
      前两周：上课偶尔会走神，听写结果不是很理想，希望能即使巩固所学知识，继续加油吧！

      期中成绩：59分（阅读理解和单选做得实在是太差了，回去好好巩固学过的内容，之后上课讲到阅读理解做题技巧的时候认真听）
      `, 
      "程凯蕊": `
      前两周：上课较认真，回答问题的时候可以更自信点，另外课下希望能好好巩固一下，继续加油！

      期中成绩：57.5分（阅读理解和单选做得实在是太差了，回去好好巩固学过的内容，之后上课讲到阅读理解做题技巧的时候认真听）
      `, 
      "汪楚轩": `
      前两周：上课还比较认真，偶尔会走神，希望课下对于新学的知识能及时巩固，继续加油！

      期中成绩：64.5分（阅读理解和完形填空做得实在是太差了，之后上课讲到阅读理解和完形填空做题技巧的时候认真听）
      `, 
      "沈佳艳": `
      前两周：基础还不错，上课也很认真，笔记和作业完成得较好，希望能够继续保持！

      期中成绩：66分（单选和阅读理解做得太差了，回去好好巩固学过的内容，之后上课讲到阅读理解做题技巧的时候认真听）
      `, 
      "曹珍荣": `
      前两周：上课还比较认真，但是课下需对学过的内容及时巩固，继续加油吧！

      期中成绩：单选、完形填空和阅读理解做得都不太好，希望回去可以好好复习，之后讲到完形填空及阅读理解解题技巧的时候要认真听）
      `, 
      "李静": `
      前两周：上课较认真，但听写结果不是特别理想，希望课后能及时巩固所学的知识，继续加油！

      期中成绩：84.5分
      `, 
      "李玉": `
      前两周：上课较认真，听写结果不错，希望可以继续保持！

      期中成绩：94分
      `, 
      "程紫嫣": `
      前两周：总体表现还可以，上课偶尔会走神，最近一次听写结果也还可以，回去记得及时巩固所学的知识，相信努力之后会取得进步的，加油！

      期中成绩：78分（有进步，希望能够继续保持，上课的时候可以再认真一点）
      `, 
      "方瑜": `
      前两周：总体表现还不错，上课较认真，能跟着老师的思路走，回答问题的正确率也还可以，希望可以继续保持，加油！

      期中成绩：76分（单选和阅读理解做得不是很好，希望回去好好复习，之后讲到阅读理解解题技巧的时候可以认真听）
      `, 
      "张俊": `
      前两周：上课的时候注意力有点不太集中，订正题目的时候报了答案都没有记下来……问了原因之后告诉我单词不会写，但事实上那些单词就是那节课刚复习过的，基础薄弱没关系，但是学习态度真的很重要。不过最近练了字之后，书写方面稍微好了点，注意每个单词之间要空一个字母，之后希望可以更认真点，加油！
      
      期中成绩：36分（已经连续几次上课没带笔记本了……学习态度实在是太差了）
      `, 
      "潘淑琴": `
      前两周：总体表现不错，字迹工整，作文写得还可以，上课偶尔会走神，希望可以继续努力！

      期中成绩：86.5分
      `, 
      "陈亮": `
      前两周：总体表现还不错，作文写得很认真，但对于课后任务偶尔会完成得有点马虎，希望课下能及时巩固所学的知识，继续加油吧！

      期中成绩：78分（回去一定要及时巩固学过的内容）
      `, 
      "程舒睿": `
      前两周：总体表现还不错，作文写得很认真，最近一次默写结果也还可以，上课时回答问题的正确率较高，但还是希望上课可以再专心一些，继续加油！

      期中成绩：93分（有进步，并且上课还比较认真，希望可以继续保持）
      `, 
      "储皓轩": `
      前两周：说实话，基础有点薄弱，需要比别人更努力才能把之前落下的功课不起来。不要害怕犯错误，下次回答问题的时候可以再自信一点，对于语言类学科，大声读出来真的很有必要，只有你读出来，老师才能去纠正你的发音。另外，记得每天练一张字帖，每次来上课的时候带过来，继续加油吧！
      
      期中成绩：51分（下次记得把练的字帖带过来，回去一定要及时巩固学过的内容，一遍背不会就多背几遍）
      `, 
      "胡莎莎": `
      前两周：总体表现还不错，上课偶尔会走神，回答问题的正确率还可以，最近一次听写结果也还不错，希望可以继续保持，加油！

      期中成绩：82.5分
      `, 
      "江吉杰": `
      前两周：上课的时候能跟着老师的思路走，主动回答问题，这点很不错，但是最近两节课感觉听得不是很认真。对于学习来说，最怕的不是什么都不会，而是在一知半解的状态下又不能静下心来学习，如果希望可以取得更大进步的话，真心希望可以再认真一点！
      
      期中成绩：94分（这段时间上课认真了很多，有进步，希望不要骄傲，继续保持！）
      `, 
      "余鑫鑫": `
      前两周：上课的时候注意力不是很集中，书写较潦草，请买本英文字帖每天练习一张，每次来上课的时候带给我检查。希望之后可以端正学习态度，继续加油吧！
      
      期中成绩：76.5分（阅读理解做得还可以，但是单选做得做的不太好，希望回去可以及时巩固学过的知识点）
      `, 
      "江志伟": `
      前两周：一开始的学习态度真的很差，最近两节课有所改善，上课认真了很多，知道做笔记，回答问题时也不像之前一言不发，而是尽自己最大努力去回答。说实话基础真的很薄弱，所以需要比别人花更多的时间去弥补之前落下的功课，希望可以继续加油！（记得每天练一张字帖，上课的时候带来给我检查）
      
      期中成绩：27分
      `, 
      "陈梦情": `
      前两周：第一节课的时候感觉注意力有点不太集中，但后面学习态度好了很多，作文写得也还可以，希望可以继续保持，愿意付出努力再加上正确的学习方法，一定会取得进步的，加油！
      
      期中成绩：74.5分（阅读理解做得还可以，但是单选做得做的不太好，希望回去可以及时巩固学过的知识点，继续加油！）
      `, 
      "刘喆": `
      前两周：上课的时候容易走神，不主动做笔记，字迹较为潦草，记得每天练一张字帖，每次上课的时候带过来给我检查。希望可以端正学习态度，继续加油！
      
      期中成绩：72分（上课时注意力实在是太不集中了……希望之后可以端正学习态度）
      `, 
      "孙悦": `
      前两周：基础较薄弱，且学习态度有待改善，上课的时候经常发呆……希望之后能更认真些，另外记得每天练一张字帖，每次上课的时候带过来给我检查。
      
      期中成绩：12分（全选一个答案估计都不止这个分……上课抠手，考试也抠手，学习态度实在太差了，以这种学习态度很难取得进步）
      `, 
      "刘星雨": `
      前两周：一开始上课的时候注意力不是很集中，最近两节课好了很多。字迹较工整，最近一次默写的结果也还可以，希望可以继续加油！
      
      期中成绩：89.5分（有进步，希望可以继续保持！）
      `, 
      "程寅萍": `
      前两周：上课的时候较认真，能跟着老师的思路走，作文写得也还不错，希望可以继续保持，相信努力之后会有进步！
      
      期中成绩：94分（有进步，希望可以继续保持）
      `, 
      "魏宇轩": `
      前两周：上课的时候偶尔会走神，回答问题的时候可以再自信点，继续加油吧！
      
      期中成绩：72.5分（单选和阅读理解做得不太好，希望上课的时候可以再认真一点）
      `, 
      "方硕": `
      前两周：上课的时候注意力真的很不集中，学习态度其实决定了很多东西，真心希望之后上课的时候认真些，活跃的思维如果用到学习上的话，相信学习成绩会有进步的，加油！

      期中成绩：76.5分（单选和填词部分做得不是很好，另外，希望上课的时候注意力能稍微集中一点）
      `, 
      "孙小翠": `
      前两周：上课还比较认真，偶尔会走神，下次回答问题的时候可以更加自信点，答错了也没有关系。虽然基础较薄弱，但只要愿意努力去补上之前落下的功课，相信会有进步的，加油！

      期中成绩：29分（回去好好订正错题，笔记光做了没用，一定要及时巩固）
      `, 
      "曹颖": `
      前两周：一开始上课的时候经常发呆，最近两节课好了一点，希望回去可以好好练字并及时巩固所学的知识。虽然基础薄弱了一些，但只要端正学习态度、认认真真去学，相信会有进步的，坚持是比放弃更了不起的事哦，继续加油！
      
      期中成绩：18分（考试的时候都在发呆……以这种学习态度很难取得进步）
      `, 
      "陈东": `
      前两周：学习态度有待改善，上课的时候注意力不是很集中，每次被抽起来回答问题就瞪大双眼看着我……不需要这么害怕回答问题，每位同学都会被要求回答问题的。让回去写作文，照着范文抄单词还抄错了……真心希望之后可以更认真点，加油！
      
      期中成绩：38.5分（上课走神，考试居然也能走神……学习态度依旧很差，以这种学习态度很难取得进步）
      `, 
    }

    btn.addEventListener('click', () => {
      const name = input.value
      console.log(name)
      const features = json[name]
      if (features) {
        document.getElementById('name').innerText = name
        document.getElementById('advantages').innerText = features
      } else {
        alert("学生不存在")
      }
    })
  </script>
</body>

</html>